<template>
    <div>
        <table>
            <tr>
                <td>id</td>
                <td>username</td>
                <td>password</td>
                <td>name</td>
                <td>age</td>
                <td>email</td>
            </tr>
            <tr v-for="i in shows">
                <td>{{i.id}}</td>
                <td>{{i.userName}}</td>
                <td>{{i.password}}</td>
                <td>{{i.name}}</td>
                <td>{{i.age}}</td>
                <td>{{i.email}}</td>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        name: "Show",
        data(){
            return{
                shows:[
                    {
                        id:'',
                        userName:'',
                        password:'',
                        name:'',
                        age:'',
                        email:''
                    }
                ]
            }
        },
        created() {
            const _this = this
            axios.get('http://localhost:8081/user/show/all').then(function (response) {
                _this.shows=response.data
            })
        }
    }
</script>

<style scoped>

</style>